body{font-size: 16px;font-family:"Microsoft YaHei",sans-serif;background: #ededed;}
a{color:#fff;}
a:hover{color:#fff;text-decoration: none;}
a:link{text-decoration: none;}
ul,ol,li{list-style: none;padding-left: 0;margin-bottom: 0;}
/*通用样式*/
.left{float: left;}
.right{float: right;}
.col-pad-0{padding-left: 0;padding-right: 0;overflow: hidden;}
.w100{width:100%;}
.pad-20{padding-left: 20px;padding-right: 20px;}

.container{position: relative;}
.fixtop1{position: fixed!important;top: 0;}
.fixtop2{position: fixed!important;top: 122px;}

/*Xbody*/
html.Xb,body.Xb{width: 100%;height: 100%;overflow: hidden;}
.Xbody{width: 100%;height: 100%;overflow: hidden;position: relative;}
.Xbg{position: absolute;top: 50%;left: 50%;margin-left: -960px;margin-top: -480px;z-index: 1;}
.Xbleft{position: absolute;bottom: 0;left: -50px;z-index: 5;}
.Xbright{position: absolute;bottom: 0;right: -50px;z-index: 5;}
.Xlogo{position: absolute;top: 40px;left: 100px;z-index: 5;}
.Xtitle{position: absolute;top: 50%;left: 50%;margin-left: -426px;margin-top: -160px;z-index: 5;}
.Xbtn1{position: absolute;top: 50%;left: 50%;margin-top: 200px;margin-left: -220px;z-index: 5;}
.Xbtn2{position: absolute;top: 50%;left: 50%;margin-top: 200px;margin-left: 21px;z-index: 5;}
.Xbtn3{position: absolute;top: 50%;left: 50%;margin-top: 200px;margin-left: 21px;z-index: 5;}
.Xbtnbgon{display: none;}
.JLbtn{width: 32px;height: 32px;position: absolute;top: 8px;right: 8px;}
.JLbtn1{background: url(../images/JLbtn1.png) no-repeat 0 0; }
.JLbtn2{background: url(../images/JLbtn2.png) no-repeat 0 0; }
.JLbtn3{width: 32px;height: 32px;position: absolute;top: 8px;right: 8px;background: url(../images/JLbtn2.png) no-repeat 0 0; }
.JLtext{position: absolute;top: 0;left: 0;}
.JLtext2{position: absolute;top: 0;left: 0;display: none;}
.Xplane{position: absolute;top: 50%;left: 100%;margin-top: 20px;z-index: 2;}
.Xbtn3 a:hover .JLtext{display: none;}
.Xbtn3 a:hover .JLtext2{display: block;}
.Xbtn3 a:hover .JLbtn3{background-image: url(../images/JLbtn3.png);}
.Xbody .XTon{}
.Xbody .XToff{display: none;}

/*Xmap*/
html.Xm,body.Xm{width: 100%;height: 100%;min-width: 1170px;max-width: 1920px;margin: 0 auto;background: #fff;min-height: 610px;max-height: 1000px;}
.Xmheader{position: absolute;top: 0;left: 0;width: 100%;background: #fff;padding: 15px 0;z-index: 999;}
.Xmheader img{margin-left: 15px;}
.Xmap{width: 100%;height: 100%;overflow: hidden;position: relative;}
.Xmapbg{width: 100%;height: 100%;}
.Xmapbg2{width: 25%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;margin-left: -25%;}
.Xmapbg2 img{margin-left: 100%;}
.Xmblock{overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.Xmb{width: 25%;height: 100%;position: relative;float: left;}
.Xmbtitle{position: absolute;top: 50%;left: 0;width: 100%;}
.Xmbtitle h2{font-size: 24px;font-weight: bold;color: #fff;text-align: center;}
.Xmbtitle p{font-size: 14px;font-family: Arial,sans-serif;color: #fff;text-align: center;}
.Xmblist{position: absolute;top: 50%;left: 0;margin:0 5%;margin-top: 56px;width: 90%;opacity: 0;}
.Xmblist li{margin-bottom: 10px;width: 100%;position: relative;overflow: hidden;}
.Xmblist li img{width: 100%;}
.Xmblist li p{position: absolute;bottom: 0;left: 0;width: 100%;background: url(../images/trlbg.png) repeat;font-size: 12px;color: #fff;line-height: 24px;margin: 0;padding: 0 10px;margin-bottom: -24px;}
.Xmblist li p span{float: right;}
.Xmblist .Xmlbtn{width: 100%;}
.Xmblist .Xmlbtn img{width: 100%;}

/*header*/
.headerblank{width: 100%;height: 48px;display: none;}
.header{width: 100%;background: #fff;z-index: 80;}
.hlogo{padding: 14px 0;}
.hcon{position: absolute;top: 0;right: 15px;padding: 20px 0;}
.hcon a{color: #959595;line-height: 26px;margin-left: 20px;}
.hcon a:hover{color: #d3292b;}
.hss{position: absolute;top: 0;right: 15px;padding: 16px 0;}
.hss a{margin-left: 10px;}
.hss img{height: 19px;}

/*hsearch*/
.hsearchblank{width: 100%;height: 122px;display: none;}
.hsearch{width: 100%;background: url(../images/trlbg3.png) repeat-y center;color: #fff;padding: 20px 0;z-index: 100;position: relative;}
.hsearch .colleft{text-align: center;background: url(../images/trlline1.png) no-repeat right center;}
.hsearch .colleft p{font-size: 16px;color: #fff;padding-top: 10px;margin: 0;}
.hsearch .colright{padding-top: 16px;}
.hsearch .colright .btn{border-color: #fff;border-radius: 5px;color: #d3292b;font-size: 18px;font-weight: bold;background: #fff url(../images/trla4.png) no-repeat 120px center;padding: 10px 60px 10px 35px;margin-left: 26px;}
.hsearch .colright input.form-control{border: 1px solid #fff;background: url(../images/trlbg4.png) repeat;color: #fff;}
.hsearch .colright select.form-control{border: 1px solid #fff;background: url(../images/trlbg4.png) repeat;color: #fff;cursor: pointer;font-family: Arial;}
.hsearch .colright select.form-control option{color: #d3292b;}
.hsearch .colright .form-group{margin-left: 10px;}
.hsearch .colright .form-group label{margin-right: 5px;}

.hsearch .colright .select-con{position: relative;display: inline-block;width: 57px;}
.hsearch .colright .select-show{border: 1px solid #fff;background: url(../images/trlbg4.png) repeat;color: #fff;cursor: pointer;font-family: Arial;display: block;}
.hsearch .colright .select-list{border: 1px solid #fff;border-top: none;background: #fff;position: absolute;width: 100%;color: #d3292b;margin-top: -4px;font-family: Arial;display: none;z-index: 10;}
.hsearch .colright .select-list.db{display: block;}
.hsearch .colright .select-list dd{padding: 2px 10px;cursor: pointer;}
.hsearch .colright .select-list dd:hover{background: #d3292b;color: #fff;}
.hsearch .colright .select-arrow{position: absolute;right: 10px;top: 12px;background: url("../images/trlharrow1.png") no-repeat right center;width: 12px;height: 10px;}

.hsearch .colright .text-con{position: relative;display: inline-block;width: 180px;}
.hsearch .colright .text-input{width: 100%;}
.hsearch .colright .text-con .icon{position: absolute;right: 0;top: 0;}
.hsearch .colright .text-con .icon input{background: url(../images/trla5.png) no-repeat center;width: 30px;height: 34px;}


/*travelHead*/
.travelHeadblank{width: 100%;height: 55px;display: none;}
.travelHead{width: 100%;background: #fff;box-shadow: 0 2px 1px #ccc;z-index: 90;}
.travelHCon{padding: 0 30px;}
.travelHCon a{margin: 0;}
.travelHCon a:hover{text-decoration: none;}
.travelHCon a.no{font-size: 16px;color: #a2a2a2;height: 53px;line-height: 54px;border-bottom: 4px solid #fff;padding-right: 45px;cursor: default;display: inline-block;}
.travelHCon a.no.no2{padding-left: 45px;padding-right: 0;}
.travelHCon a.day{font-size: 24px;font-family: Arial;color: #707070;height: 55px;line-height: 54px;border-bottom: 4px solid #fff;padding: 0 28px;display: inline-block;}
.travelHCon a.day:hover,.travelHCon a.day.on{color: #d3292b;border-color: #d3292b;}
.travelHCon a.travelHMap{font-size: 18px;color: #707070;height: 53px;line-height: 54px;display: inline-block;float: right;background: url(../images/trla3.png) no-repeat left center;padding-left: 40px;}
.travelHCon a.travelHMap:hover{color: #d3292b;}

/*travelList*/
.travelList{margin-top: 30px;margin-bottom: 50px;}
.travelLi{position: relative;margin-bottom: 30px;}
.travelLi .bd{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.travelLi:hover .bd{background: url(../images/trlbg.png) repeat;}
.travelLi .bd h3{font-size: 36px;font-weight: bold;color: #fff;text-shadow: 0 2px 2px #333;margin-bottom: 15px;padding-top: 40px;padding-left: 15px;padding-right: 15px;}
.travelLi .bd h4{font-size: 24px;font-weight: normal;color: #fff;text-shadow: 0 2px 2px #333;margin-bottom: 60px;padding-left: 15px;padding-right: 15px;}
.travelLi .bd .bdsummary{background: url(../images/trlbg2.png) repeat;width: 100%;padding: 15px 0;position: relative;}
.travelLi .bd .days{font-size: 24px;color: #fff5d2;padding: 0 30px;border-right: 1px solid rgba(255,255,255,.2);display: inline-block;float: left;height: 90px;}
.travelLi .bd .days strong{font-size: 64px;font-family: Arial;font-weight: bold;margin-right: 10px;}
.travelLi .bd .highlights{display: inline-block;height: 90px;padding: 0 30px;}
.travelLi .bd .highlights li{font-size: 16px;color: #fff;height: 30px;line-height: 29px;}
.travelLi .bd .arrow{position: absolute;top: 40px;right: 40px;}

/*travelAb*/
.travelAb{margin: 35px 0;padding: 0 30px;}
.travelAb h1{font-size: 24px;font-weight: bold;color: #313131;margin-bottom: 20px;}
.travelAb p{font-size: 16px;color: #707070;line-height: 1.6;}

/*.travelCd*/
.travelCd{border: 1px solid #dcdcdc;border-top: 2px solid #d3292b;background: #fff;padding: 0 30px;overflow: hidden;margin-bottom: 30px;}
.travelTitle{border-bottom: 1px solid #dcdcdc;padding: 28px 0 20px;margin-bottom: 30px;}
.travelTitle p.days{font-size: 18px;font-weight: bold;color: #d3292b;}
.travelTitle h2{font-size: 24px;font-weight: bold;color: #313131;margin: 0;}
.travelCd .con01{border-bottom: 1px solid #dcdcdc;}
.travelCd .con01 p{margin-bottom: 30px;font-size: 16px;color: #707070;line-height: 1.6;}
.travelCd .con02{padding-top: 30px;}
.travelCd .con02con img{margin-bottom: 30px;}
.travelCd .con02con h3{font-size: 18px;font-weight: bold;color: #d3292b;margin: 0 0 15px;}
.travelCd .con02con p{font-size: 16px;color: #707070;line-height: 1.6;margin-bottom: 30px;}
.travelCd .map{margin-bottom: 30px;}
.travelCd .con03{margin-bottom: 30px;}
.travelCd .con03con{background: #ededed;margin-bottom: 10px;}
.travelCd .con03con h3{font-size: 16px;font-weight: bold;color: #a2a2a2;margin: 20px 0;}
.travelCd .con03con p{font-size: 14px;color: #d3292b;margin: 0;}
.travelCd .con03con p a{color: #d3292b;}
.travelCd .con03con p a:hover{text-decoration: underline;}
.travelMap{margin-bottom: 30px;width: 100%;height: 450px;}


/*travelBDEMap*/
.travelBDEMap{width: 100%;padding: 30px 0;}
#BDEMap{width: 100%;height: 500px;}


.infintext{text-align: center;font-weight: bold;}

@media screen and (max-width: 1281px) {
/*Xbody*/
.Xbleft{margin-left: -150px;}
.Xbright{margin-right: -150px;}
.Xlogo{margin-left: -50px;}
.Xtitle{margin-left: -300px;margin-top: -130px;}
.Xtitle img{width: 600px;}
.Xbtn1,.Xbtn2{margin-top: 100px;}
.Xplane img{width: 40px;}
}
/* md */
@media screen and (max-width: 1199px) {
/*travelList*/
.travelLi .bd h3{padding-top: 15px;}
.travelLi .bd h4{margin-bottom: 30px;}
}

/* sm-md */
@media (min-width: 992px) and (max-width: 1199px) {
/*hsearch*/
.hsearch .colright input.form-control{width: 95px;}
.hsearch .colright .text-con{width: 95px;}
}

/* sm */
@media screen and (max-width: 991px) {
/*Xbody*/
.Xbg.hw{height: 100%;top: auto;bottom: 0;margin-top: 0;left: 40%;}
.Xbg img{height: 100%;}
.Xbleft{margin-left: -250px;}
.Xbright{margin-right: -250px;}
.Xlogo{margin-top: -25px;margin-left: -80px;}
.Xplane img{width: 35px;}
/*travelList*/
.travelLi .bd h3{font-size: 24px;padding-top: 0px;margin-bottom: 0px;}
.travelLi .bd h4{font-size: 18px;margin-bottom: 20px;}
.travelLi .bd .bdsummary{padding: 10px 0;}
/*travelCd*/
.travelMap{height: 300px;}
/*travelHead*/
.travelHCon a.no{padding-right: 25px;}
.travelHCon a.no.no2{padding-left: 25px;}
.travelHCon a.day{padding: 0 15px;}
}

/* xs以上*/
@media (min-width: 768px){
.hsearch{display: block!important;}
}

/* xs-sm */
@media (min-width: 768px) and (max-width: 991px) {
/*hsearch*/
.hsearchblank{height: 126px;}
.hsearch{padding-bottom: 5px;}
.hsearch .colright{padding-top: 0;}
.hsearch .colright input.form-control{width: 180px;}
.hsearch .colright select.form-control{width: 90px;margin-left: 15px;}
.hsearch .colright .form-group{margin-bottom: 15px;}
.hsearch .colright .btn{padding-top: 5px;padding-bottom: 5px;margin-bottom: 15px;margin-left: 23px;}
.hsearch .colright .select-con{width: 90px;margin-left: 15px;}
}

/* xs */
@media screen and (max-width: 767px) {
/*Xbody*/
.Xbg{margin-left: -1200px;margin-top: -550px;}
.Xbleft{display: none;}
.Xbright{display: none;}
.Xtitle{margin-left: -200px;}
.Xtitle img{width: 400px;}
.Xbtn1{margin-left: -171px;}
.Xbtn1 img,.Xbtn2 img{width: 150px;}
.Xplane{margin-top: -70px;}
.Xplane img{width: 25px;}
.JLbtn{width: 20px;height: 20px;}
.JLbtn1{background-image: url(../images/JLbtn1m.png); }
.JLbtn2{background-image: url(../images/JLbtn2m.png); }
/*header*/
.header{border-bottom: 4px solid #d3292b;position: fixed;top: 0;}
.hlogo img{height: 25px;}
.headerblank{display: block;}
/*travelHead*/
.travelHead{position: fixed;top: 58px;}
.travelHeadblank{display: block!important;}
/*travelList*/
.travelLi .bd{position: relative;border: 1px solid #555;border-top:none;overflow: hidden;background: #fff;}
.travelLi:hover .bd{background: #fff;}
.travelLi .bd .col{padding: 0;}
.travelLi .bd .bdsummary{background: #555;}
.travelLi .bd h3{color: #d3292b;text-shadow:none;margin-bottom: 15px;font-weight: normal;}
.travelLi .bd h4{color: #666;text-shadow:none;margin-bottom: 30px;}
/*hsearch*/
.hsearch{padding-top: 0px;display: none;position: fixed;top: 58px;}
.hsearch .colright .btn{display: block;margin: 20px auto 0;}
.hsearch .colright .select-con{position: relative;display: block;width: 100%;}
.hsearch .colright .text-con{position: relative;display: block;width: 100%;}

/*travelAb*/
.travelAb{margin: 15px 0;padding: 0 15px;}
.travelAb h1{margin-bottom: 10px;}
/*travelCd*/
.travelCd{padding: 0 15px;}
.travelTitle{padding: 25px 0 25px;margin-bottom: 25px;}
.travelCd .con01 p{margin-bottom: 10px;}
.travelCd .con02{padding-top: 25px;}
.travelCd .con02con img{margin-bottom: 10px;}
.travelCd .con02con h3{margin-bottom: 10px;}
.travelCd .con02con p{margin-bottom: 25px;}
.travelCd .map{margin-bottom: 25px;}
.travelCd .con03{margin-bottom: 25px;}
.travelMap{height: 200px;}
/*travelHead*/
.travelHCon{padding: 0 20px;}
.travelHCon a.no{padding-right: 5px;}
.travelHCon a.no.no2{padding-left: 5px;}
.travelHCon a.day{padding: 0 10px;}
.travelHCon a.travelHMap{padding-left: 0;background: none;font-size: 14px;width: 28px;line-height: 16px;padding-top: 10px;}
}

/* xx */
@media screen and (max-width: 480px) {
/*Xbody*/
.Xtitle{margin-left: -140px;}
.Xtitle img{width: 280px;}
.Xbtn1{margin-left: -75px;margin-top: 80px;}
.Xbtn2{margin-left: -75px;margin-top: 150px;}
/*col*/
.col-xx-12{width: 100%;}
/*travelList*/
.travelLi .bd .days{padding: 0 15px;}
.travelLi .bd .arrow{display: none;}
/*.travelCon*/
.travelCd .con03con{height: 80px;}
.travelCd .con03con h3{margin: 10px 0 5px;}
.travelCd .con03con img{height: 80px;width: auto;max-width: 106px;}
/*travelHead*/
.travelHCon{padding: 0;}
.travelHCon a.no{padding-right: 0px;}
.travelHCon a.no.no2{padding-left: 0px;}
.travelHCon a.day{padding: 0 5px;}
}
